import Taro, {Component} from '@tarojs/taro'
import {Button, Text, View} from '@tarojs/components'
import Dialog from "./dialog";
import Dialog2 from "./dialog2";

export default class Xhl10 extends Component {
  config = {
    navigationBarTitleText: 'Refs 引用'
  }

  render() {
    return (
      <View>
        <View>1. 由于微信小程序的 <slot /> 无法在循环中使用，因此 Children 和组合在微信小程序中也无法在循环中使用。</View>
        <View>2. 情况使用 this.props.children 来传递子元素</View>
        <Dialog>
          <View>
            Thank you for using Taro.
          </View>
        </Dialog>
        <View>3. 请不要对 this.props.children 进行任何操作。Taro 在小程序中实现这个功能使用的是小程序的 slot 功能</View>
        <View>4. this.props.children 无法用 defaultProps 设置默认内容</View>
        <View>5. 不能把 this.props.children 分解为变量再使用</View>
        <View>6. 你必须显性地把 this.props.children 全部都写完整才能实现它的功能</View>
        <View>组合使用</View>
        <Dialog2
          renderHeader={
            <View>Welcome!</View>
          }
          renderFooter={
            <Button>Close</Button>
          }
        >
          <View>
            Thank you for using Taro.
          </View>
        </Dialog2>
      </View>
    )
  }
}
